<template>
  <el-pagination
    class="mt-2"
    :background="true"
    :current-page="pageable.page"
    :page-size="pageable.pageSize"
    :page-sizes="pageable.pageSizes"
    :total="pageable.total"
    layout="total, sizes, prev, pager, next, jumper"
  />
</template>

<script setup>
const { pageable } = defineProps({
  pageable: {
    type: Object,
    default: () => {
      return {
        page: 1,
        pageSize: 10,
        pageSizes: [10, 20, 30, 40, 50],
        total: 0
      };
    }
  }
});
</script>
